/*Layout*/
body{
  margin:0;
  padding:0;
  width:100%;
  background-color:#FFFFFF;
  font-size:13px;
  font-family:sans-serif;
  color:#545175;
}
p{
  margin:0;
}
a{
  color:#78759F;
}

#head{
}
#head h1{
  font-size:18px;
  margin:0;
  padding:6px;
  font-weight:normal;
  text-shadow:1px 1px 0 #DAD8E2;
}
#nav-container{
}
#nav-bar{
  height:40px;
  padding:6px;
  border-top:1px #DAD8E2 solid;
  border-bottom:1px #DAD8E2 solid;
}
#nav-tb{
  width:100%;
}
#nav-tb-l{
  width:60px;
  height:35px;
}
#nav-tb-r{
  width:60px;
  height:35px;
}
#nav-tb-c{
  text-align:center;
}
#nav-title{
  font-size:14px;
  font-weight:bold;
  text-shadow:1px 1px 0 #DAD8E2;
  text-align:center;
}

/*Styles*/
.nav-btn{
  font-size:14px;
  font-weight:bold;
  text-shadow:1px 1px 0 #DAD8E2;
  text-align:center;
  padding:6px;
  border:1px #DAD8E2 solid;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -webkit-box-shadow:0 1px 0 #EFEEF2;
}

/*List View*/
.liv{
}
.livi{
  border-bottom:1px #DAD8E2 solid;
  min-height:35px;
}
.livi.ex{
  border:2px #B6B1C5 solid;
}
.livi.done{
  background:#EEEDF1;
}
.livi-head{
  position:relative;
}
.livi-headcon{
  line-height:31px;
  padding:2px 24px;
  font-size:14px;
}
.livi-set{
  position:absolute;
  top:1px;
  bottom:1px;
  left:1px;
  width:20px;
}
.livi-seti{
  position:absolute;
  width:16px;
  height:16px;
  top:8px;
  left:3px;
  background-position:0 0;
}
.livi.done .livi-seti{
  background-position:-16px 0;
}

.livi-con{
  padding:8px 5px;
  background:#FFFFFF;
  display:none;
}
.livi.ex .livi-con{
  display:block;
}

.icon{
  background-image:url(/assets/images/icons.png);
}
.clear{
  clear:both;
}
